<%@ page contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>增加用户</title>
    <script src="../bootstrap/js/jquery-3.2.1.min.js"></script>
    <link rel="stylesheet" href="../bootstrap/css/bootstrap.min.css">
    <script src="../bootstrap/js/bootstrap.min.js"></script>
    <script src="../js/register.js"></script>
    <style>
        .table th, .table td {
            text-align: center;
            height: 30px;
        }
    </style>

</head>
<body>

<div style="height:75px;line-height:75px;font-size:25px;vertical-align: middle;text-align: center" class="bg-primary">添加用户</div>

<div class="row" style="padding:10px 10px">

    <!-- 左导航栏 -->
    <%@include file="../nav.jsp"%>

    <!-- 增加用户信息 -->
    <div class="col-md-10" style="padding-top:10px">
        <form class="form-horizontal" role="form" action="/UserServlet?method=add" method="post">
            <div class="form-group">
                <label  class="col-sm-2 control-label">用户账号</label>
                <div class="col-sm-7">
                    <input type="text" class="form-control" id="username" placeholder="请输入用户名" name="username" onblur="check()">
                </div>
                <div class="col-sm-3">
                    <label id="name_tip" class="control-label" ></label>
                </div>
            </div>
            <div class="form-group">
                <label  class="col-sm-2 control-label">用户密码</label>
                <div class="col-sm-7">
                    <input type="password" class="form-control" id="password" placeholder="请输入密码" name="password" onblur="checkPass1()">
                </div>
                <div class="col-sm-3">
                    <label id="pass_tip1" class="control-label"></label>
                </div>
            </div>
            <div class="form-group">
                <label  class="col-sm-2 control-label" >确认密码</label>
                <div class="col-sm-7">
                    <input type="password" class="form-control" id="password2" placeholder="再次输入密码" onblur="checkPass2()">
                </div>
                <div class="col-sm-3">
                    <label id="pass_tip2" class="control-label" style="color: red;"></label>
                </div>
            </div>
            <div class="form-group">
                <label  class="col-sm-2 control-label">性别</label>
                <label class="radio-inline">
                    <input type="radio" name="sex" id="man" value="男"> 男
                </label>
                <label class="radio-inline">
                    <input type="radio" name="sex" id="woman" value="女"> 女
                </label>
            </div>
            <div class="form-group">
                <label class="col-sm-2 control-label">联系电话</label>
                <div class="col-sm-7">
                    <input type="text" class="form-control" id="tel" placeholder="请输入电话" name="tel" onblur="checkTel()">
                </div>
                <div class="col-sm-3">
                    <label id="tel_tip" class="control-label" style="color: red;"></label>
                </div>
            </div>
            <div class="form-group">
                <label  class="col-sm-2 control-label">用户地址</label>
                <div class="col-sm-7">
                    <input type="text" class="form-control" id="address" placeholder="请输入地址" name="address">
                </div>
            </div>
            <div class="form-group">
                <div class="col-sm-offset-2 col-sm-10">
                    <button type="reset" class="btn btn-default">重置</button>
                    <button type="submit" class="btn btn-default" onclick="return checkAll()" id="sure">确定</button>
                </div>
            </div>
        </form>

    </div>
</div>
</body>
</html>